<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
})	;

function aaclick() {
	
	var mstrPromptElement = $("#mstrPromptQuestion");
	
	var promptParent = mstrPromptElement.parent();
	
	var container = $("<div style=\"padding: 20px; background-color: #229977; border: 1px solid black; \"></div>");
	
	var customPrompt = $('<div id="customPromptQuestion"  style="background-color: #BBAADD; padding: 10px;">Custom Prompt Question</div>');
	customPrompt.append("<button onclick=\"$('#mstrPromptQuestion').show()\">show</button>");
	customPrompt.append("<button onclick=\"$('#mstrPromptQuestion').hide()\">hide</button>");
	
	container.append(mstrPromptElement);
	container.append(customPrompt);
	
	promptParent.append(container);
	
}
	
		
</script>


	<div id="mstrPromptQuestion" style="background-color: #EE99AA; padding: 10px;" onclick="aaclick();" >
		MSTR Prompt Question View  （click once please!）
	</div>

</body>
</html>